<template>
  <!--务必看懂下面这一行的代码-->
  <Person :personList="personList" />
  <PersonDemo1 />
  <!--<Person />-->
</template>
<script lang="ts" setup name="Vue3CodeIndexDemo4">
//这是父组件的props
import { reactive } from 'vue';
import { type PersonsList } from '@/types';
//开始引入Person
import Person from "@/pagesvue3Code/010props的学习使用/components/Person.vue";
import PersonDemo1 from "@/pagesvue3Code/010props的学习使用/components/PersonDemo1.vue";
let personList=reactive<PersonsList>([
  {id:1,name:'张三',age:20},
  {id:2,name:'李四',age:25},
  {id:2,name:'李四222',age:25}
])
</script>